<template>
  <div class="app-container">
    医院设置添加
    <el-form label-width="120px">
      <el-form-item label="医院名称">
        <el-input v-model="hospitalSet.hosName" />
      </el-form-item>
      <el-form-item label="医院编号">
        <el-input v-model="hospitalSet.hosCode" />
      </el-form-item>
      <el-form-item label="api基础路径">
        <el-input v-model="hospitalSet.apiUrl" />
      </el-form-item>
      <el-form-item label="联系人姓名">
        <el-input v-model="hospitalSet.contactsName" />
      </el-form-item>
      <el-form-item label="联系人手机">
        <el-input v-model="hospitalSet.contactsPhone" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="saveOrUpdate">保存</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
import hospset from "@/api/hospset";
export default {
  data() {
    return {
      hospitalSet: {},
    };
  },
  // 在页面渲染之前执行
  created() {
    // 获取路由id值 调用接口，得到医院设置信息
    if(this.$route.params && this.$route.params.id) {
      const id = this.$route.params.id
      this.getHospSet(id)
    }else {
      // 表单数据清空
      this.hospitalSet = {}
    }
  },
  // 定义方法，进行请求接口调用
  methods: {
    // 根据id查询
    getHospSet(id) {
      hospset.getHospSet(id).then(response => {
        this.hospitalSet = response.data
      })
    },  
    // 添加
    save(){
            hospset
        .saveHospSet(this.hospitalSet)
        .then((response) => {
          // 提示信息
          //提示
          this.$message({
            type: "success",
            message: "添加成功!",
          });
          // 跳转列表页面，使用路由跳转方式
          this.$router.push({ path: "/hospSet/list" });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "添加失败!",
          });
        });
    },
    // 修改
    update(){
            hospset
        .saveHospSet(this.hospitalSet)
        .then((response) => {
          // 提示信息
          //提示
          this.$message({
            type: "success",
            message: "修改成功!",
          });
          // 跳转列表页面，使用路由跳转方式
          this.$router.push({ path: "/hospSet/list" });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "未修改任何信息或医院编号已存在!",
          });
        });
    },
    // 添加跟修改方法
    saveOrUpdate() {   // 判断是否有id值，如果没有则调用添加方法
      if (!this.hospitalSet.id){
        this.save();
      }else {
        this.update();
      }
    },
  },
};
</script>